<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 机构管理 -->
    <div id="mechanism" class="system">
        <div class="system-top">
            <div>
                <button>新增</button>
                <button>导出</button>
                <button>删除</button>
            </div>
            <div>
                <input type="text" placeholder="请输入机构的名称">
                <button>查询</button>
            </div>
        </div>
        <div class="system-bottom">
            <table>
                <thead>
                    <th><input type="checkbox"></th>
                    <th>机构名称</th>
                    <th>机构类型</th>
                    <th>机构描述</th>
                    <th>排序号</th>
                    <th>操作</th>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>
                            <img src="./images/under.jpg" alt="">
                            <span>中山国际</span>
                        </td>
                        <td>分公司</td>
                        <td>--</td>
                        <td>1</td>
                        <td><span>修改</span><span>删除</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- 岗位管理 -->
    <div id="post" class="system">
        <div class="system-top">
            <div>
                <button>新增</button>
                <button>导出</button>
                <button>删除</button>
            </div>
            <div>
                <input type="text" placeholder="请输入岗位名称/岗位编码">
                <button>查询</button>
            </div>
        </div>
        <div class="system-bottom">
            <table>
                <thead>
                    <th><input type="checkbox"></th>
                    <th>岗位编码</th>
                    <th>岗位名称</th>
                    <th>岗位排序号</th>
                    <th>操作</th>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>
                            <img src="./images/under.jpg" alt="">
                            <span>ST0001</span>
                        </td>
                        <td>市场部</td>
                        <td>1</td>
                        <td><span>修改</span><span>删除</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- 用户管理 -->
    <div id="user-management" class="system">
        <div class="system-top">
            <div>
                <button>新增</button>
                <button>导出</button>
                <button>删除</button>
            </div>
            <div>
                <input type="text" placeholder="请输入岗位名称/岗位编码">
                <button>查询</button>
            </div>
        </div>
        <div class="user-management-bottom">
            <table>
                <thead>
                    <th><input type="checkbox"></th>
                    <th>姓名</th>
                    <th>昵称</th>
                    <th>手机号</th>
                    <th>所属机构</th>
                    <th>创建时间</th>
                    <th>状态</th>
                    <th>操作</th>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>李晓琪</td>
                        <td>xiaoqi</td>
                        <td>19292902903</td>
                        <td>中山国际-管理部</td>
                        <td>2021-04-30- 11：45</td>
                        <td> <span>正常</span></td>
                        <td>
                            <span>编辑</span>
                            <span>禁用</span>
                            <span>岗位</span>
                            <span>删除</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

</body>
</html>